<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- Bootstrap Min CSS --> 
		<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
		<!-- Owl Theme Default Min CSS --> 
		<link rel="stylesheet" th:href="@{/css/owl.theme.default.min.css}">
		<!-- Owl Carousel Min CSS --> 
		<link rel="stylesheet" th:href="@{/css/owl.carousel.min.css}">
		<!-- Animate Min CSS --> 
		<link rel="stylesheet" th:href="@{/css/animate.min.css}">
		<!-- Boxicons Min CSS --> 
		<link rel="stylesheet" th:href="@{/css/boxicons.min.css}">
		<!-- Magnific Popup Min CSS --> 
		<link rel="stylesheet" th:href="@{/css/magnific-popup.min.css}">
		<!-- Flaticon CSS --> 
		<link rel="stylesheet" th:href="@{/css/flaticon.css}">
		<!-- Meanmenu Min CSS -->
		<link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
		<!-- Nice Select Min CSS -->
		<link rel="stylesheet" th:href="@{/css/nice-select.min.css}">
		<!-- Odometer Min CSS-->
		<link rel="stylesheet" th:href="@{/css/odometer.min.css}">
		<!-- Date Picker CSS-->
		<link rel="stylesheet" th:href="@{/css/date-picker.min.css}">
		<!-- Muli Fonts Min CSS-->
		<link rel="stylesheet" th:href="@{/css/muli-fonts.css}">
		<!-- Style CSS -->
		<link rel="stylesheet" th:href="@{/css/style.css}">
		<!-- Responsive CSS -->
		<link rel="stylesheet" th:href="@{/css/responsive.css}">
		
		<!-- Favicon -->
		<link rel="icon" type="image/png" th:href="assets/images/favicon.png">
		<!-- Title -->
		<title>Jubi - Job Board HTML Template</title>
    </head>

    <body>
		<!-- Start Preloader Area -->
		<div class="preloader">
			<div class="lds-ripple">
				<div></div>
				<div></div>
			</div>
		</div>
		<!-- End Preloader Area -->
		
		<!-- Start Header Area -->
		<header class="header-area">
			<!-- Start Top Header -->
			<div class="top-header">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-lg-6 col-md-6">
							<ul class="header-left-content">
								<li>
									<span>Hot Line</span>
									<a href="tel:+1-(514)-312-5678">+1 (514) 312-5678</a>
								</li>
							</ul>
						</div>

						<div class="col-lg-6 col-md-6">
							<div class="header-right-content">
								<ul class="language">
									<li>
										<div class="dropdown language-btn">
											<button class="dropdown-toggle" type="button" data-toggle="dropdown">
												<span>
													Language 
													<i class="bx bx-chevron-down"></i>
												</span>
											</button>
		
											<div class="dropdown-menu">
												<a href="#" class="dropdown-item">
													<img th:src="@{/images/language/english.png}" alt="Flag">
													<span>English</span>
												</a>

												<a href="#" class="dropdown-item">
													<img th:src="@{/images/language/arab.png}" alt="Flag">
													<span>العربيّة</span>
												</a>

												<a href="#" class="dropdown-item">
													<img th:src="@{/images/language/germany.png}" alt="Flag">
													<span>Germany</span>
												</a>

												<a href="#" class="dropdown-item">
													<img th:src="@{/images/language/portugues.png}" alt="Flag">
													<span>Português</span>
												</a>
	
												<a href="#" class="dropdown-item">
													<img th:src="@{/images/language/china.png}" alt="Flag">
													<span>简体中文</span>
												</a>
											</div>
										</div>
									</li>
								</ul>

								<ul class="log-in">
									<li>
										<a th:href="log-in-register.html">
											<i class="bx bxs-lock"></i>
											Log In
										</a>
									</li>

									<li>
										<a th:href="log-in-register.html">
											<i class="bx bxs-user"></i>
											Register
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Start Top Header -->
			
			<!-- Start Navbar Area -->
			<div class="navbar-area">
				<div class="mobile-nav">
					<div class="container">
						<div class="mobile-menu">
							<div class="logo">
								<a th:href="index.html">
									<img th:src="@{/images/logo.png}" alt="logo">
								</a>
							</div>
						</div>
					</div>
				</div>
	
				<div class="desktop-nav">
					<div class="container">
						<nav class="navbar navbar-expand-md navbar-light">
							<a class="navbar-brand" th:href="index.html">
								<img th:src="@{/images/logo.png}" alt="logo">
							</a>
	
							<div class="collapse navbar-collapse mean-menu">
								<ul class="navbar-nav m-auto">
									<li class="nav-item">
										<a href="#" class="nav-link active">
											Home
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a th:href="index.html" class="nav-link active">Home One</a>
											</li>
											<li class="nav-item">
												<a th:href="index-2.html" class="nav-link">Home Two</a>
											</li>
											<li class="nav-item">
												<a th:href="index-3.html" class="nav-link">Home Three</a>
											</li>
										</ul>
									</li>

									<li class="nav-item">
										<a href="#" class="nav-link">
											Jobs
											<i class="bx bx-chevron-down"></i>
										</a>
	
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a th:href="job-listing.html" class="nav-link">Job Listing</a>
											</li>
											<li class="nav-item">
												<a th:href="post-job.html" class="nav-link">Post A Job</a>
											</li>
											<li class="nav-item">
												<a th:href="job-details.html" class="nav-link">Job Details</a>
											</li>
										</ul>
									</li>

									<li class="nav-item">
										<a href="#" class="nav-link">
											Candidates
											<i class="bx bx-chevron-down"></i>
										</a>
	
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a th:href="candidates-listing.html" class="nav-link">Candidates Listing</a>
											</li>
											<li class="nav-item">
												<a th:href="candidates-details.html" class="nav-link">Candidates Details</a>
											</li>

											<li class="nav-item">
												<a href="#" class="nav-link">
													Candidate Dashboard
													<i class="bx bx-chevron-down"></i>
												</a>
					
												<ul class="dropdown-menu">
													<li class="nav-item">
														<a th:href="dashboard.html" class="nav-link">Dashboard</a>
													</li>
													<li class="nav-item">
														<a th:href="profile.html" class="nav-link">Profile</a>
													</li>
													<li class="nav-item">
														<a th:href="resume.html" class="nav-link">Resume</a>
													</li>
													<li class="nav-item">
														<a th:href="bookmarks.html" class="nav-link">Bookmarks</a>
													</li>
													<li class="nav-item">
														<a th:href="applied-jobs.html" class="nav-link">Applied Jobs</a>
													</li>
													<li class="nav-item">
														<a th:href="alert-jobs.html" class="nav-link">Alert Jobs</a>
													</li>
													<li class="nav-item">
														<a th:href="message.html" class="nav-link">Message</a>
													</li>
													<li class="nav-item">
														<a th:href="change-password.html" class="nav-link">Change Password</a>
													</li>
												</ul>
											</li>
										</ul>
									</li>

									<li class="nav-item">
										<a href="#" class="nav-link">
											Employers
											<i class="bx bx-chevron-down"></i>
										</a>
	
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a th:href="employers-listing.html" class="nav-link">Employers Listing</a>
											</li>
											<li class="nav-item">
												<a th:href="employers-details.html" class="nav-link">Employers Details</a>
											</li>
										</ul>
									</li>

									<li class="nav-item">
										<a href="#" class="nav-link">
											Pages
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a th:href="about-us.html" class="nav-link">About Us</a>
											</li>
											<li class="nav-item">
												<a th:href="pricing.html" class="nav-link">Pricing</a>
											</li>
											<li class="nav-item">
												<a th:href="faq.html" class="nav-link">FAQ</a>
											</li>

											<li class="nav-item">
												<a href="#" class="nav-link">
													Blog
													<i class="bx bx-chevron-down"></i>
												</a>
					
												<ul class="dropdown-menu">
													<li class="nav-item">
														<a th:href="blog.html" class="nav-link">Blog</a>
													</li>
													<li class="nav-item">
														<a th:href="blog-details.html" class="nav-link">Blog Details</a>
													</li>
												</ul>
											</li>

											<li class="nav-item">
												<a th:href="contact-us.html" class="nav-link">Contact Us</a>
											</li>
											<li class="nav-item">
												<a th:href="terms-conditions.html" class="nav-link">Terms & Conditions</a>
											</li>
											<li class="nav-item">
												<a th:href="privacy-policy.html" class="nav-link">Privacy Policy</a>
											</li>
											<li class="nav-item">
												<a th:href="log-in-register.html" class="nav-link">Log In / Register</a>
											</li>
											<li class="nav-item">
												<a th:href="freelancer.html" class="nav-link">Freelancer</a>
											</li>
											<li class="nav-item">
												<a th:href="testimonials.html" class="nav-link">Testimonials</a>
											</li>
											<li class="nav-item">
												<a th:href="coming-soon.html" class="nav-link">Coming Soon</a>
											</li>
											<li class="nav-item">
												<a th:href="404.html" class="nav-link">404 Error Page</a>
											</li>
										</ul>
									</li>
								</ul>
								
								<div class="others-option">
									<div class="get-quote">
										<a th:href="post-job.html" class="default-btn">
											Post a Job
										</a>
									</div>
								</div>
							</div>
						</nav>
					</div>
				</div>
	
				<div class="others-option-for-responsive">
					<div class="container">
						<div class="dot-menu">
							<div class="inner">
								<div class="circle circle-one"></div>
								<div class="circle circle-two"></div>
								<div class="circle circle-three"></div>
							</div>
						</div>
						
						<div class="container">
							<div class="option-inner">
								<div class="others-option justify-content-center d-flex align-items-center">
									<div class="get-quote">
										<a th:href="post-job.html" class="default-btn">
											Post a Job
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Navbar Area -->
		</header>
		<!-- End Header Area -->

		<!-- Start Banner Area -->
		<section class="banner-area ptb-100">
			<div class="d-table">
				<div class="d-table-cell">
					<div class="container-fluid">
						<div class="row align-items-center">
							<div class="col-lg-7">
								<div class="banner-content">
									<h1>Find Your Career to Make a Better Life</h1>
									<p>Search Over 10,000 Jobs Today!</p>
		
									<form class="search-job">
										<div class="row">
											<div class="col-lg-5 col-sm-6">
												<div class="form-group">
													<input type="text" class="form-control" id="job-title" placeholder="Job title, skills, or company">
												</div>
											</div>

											<div class="col-lg-4 col-sm-6">
												<div class="form-group">
													<input type="text" class="form-control" id="job-title-2" placeholder="City, State, or zip">
												</div>
											</div>

											<div class="col-lg-3 col-sm-6 offset-sm-3 offset-lg-0">
												<button type="submit" class="default-btn">
													<i class="bx bx-search"></i>
													Search Jobs
												</button>
											</div>
										</div>
									</form>

									<div class="total-job-count">
										<div class="row">
											<div class="col-lg-4 col-sm-6 col-md-4">
												<div class="job-count">
													<h3><span>Live Jobs: </span>9,492</h3>
												</div>
											</div>

											<div class="col-lg-4 col-sm-6 col-md-4">
												<div class="job-count">
													<h3><span>Companies: </span>12,5582</h3>
												</div>
											</div>

											<div class="col-lg-4 col-sm-6 col-md-4 offset-sm-3 offset-lg-0 offset-md-0">
												<div class="job-count">
													<h3><span>New Jobs: </span>6,436</h3>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-lg-5">
								<div class="banner-img">
									<img th:src="@{/images/banner/banner-img.png}" alt="Image">

									<div class="video-content">
										<a href="https://www.youtube.com/watch?v=BVnMXNW_grk" class="popup-youtube">
											<i class="flaticon-play-button-1"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Banner Area -->

		<!-- Start Working Area -->
		<section class="working-area bg-color pt-100 pb-70">
			<div class="container">
				<div class="section-title">
					<span>Working Process</span>
					<h2>How Jubi Works For You</h2>
				</div>

				<div class="row">
					<div class="col-lg-3 col-sm-6">
						<div class="single-working">
							<i class="flaticon-find-my-friend"></i>
							<h3>Find The Right Job</h3>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-working">
							<i class="flaticon-company"></i>
							<h3>Research Companies</h3>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-working">
							<i class="flaticon-salary"></i>
							<h3>Compare Salaries</h3>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-working">
							<i class="flaticon-submit"></i>
							<h3>Quick Apply</h3>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Working Area -->
		
		<!-- Start Partner Area -->
		<div class="partner-area bg-color">
			<div class="container">
				<div class="section-title">
					<span>Popular Jobs</span>
					<h2>Top Hiring Company</h2>
				</div>

				<div class="partner-bg">
					<div class="row">
						<div class="partner-slider owl-carousel owl-theme">
							<div class="partner-item">
								<a href="#">
									<img th:src="@{/images/partner/partner-1.png}" alt="Image">
								</a>
							</div>
	
							<div class="partner-item">
								<a href="#">
									<img th:src="@{/images/partner/partner-2.png}" alt="Image">
								</a>
							</div>
	
							<div class="partner-item">
								<a href="#">
									<img th:src="@{/images/partner/partner-3.png}" alt="Image">
								</a>
							</div>
	
							<div class="partner-item">
								<a href="#">
									<img th:src="@{/images/partner/partner-4.png}" alt="Image">
								</a>
							</div>
	
							<div class="partner-item">
								<a href="#">
									<img th:src="@{/images/partner/partner-5.png}" alt="Image">
								</a>
							</div>

							<div class="partner-item">
								<a href="#">
									<img th:src="@{/images/partner/partner-3.png}" alt="Image">
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- End Partner Area -->

		<!-- Start Live Jobs Area -->
		<section class="live-jobs-area bg-color ptb-100">
			<div class="container">
				<div class="row">
					<div class="col-lg-8">
						<div class="section-title">
							<span>Jobs Live Today</span>
							<h2>Browse Category</h2>
						</div>

						<div class="live-jobs-item">
							<div class="row">
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-calculations"></i>
										<a th:href="job-listing.html">
											Accounting (25)
										</a>
									</div>
								</div>
								
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-architect"></i>
										<a th:href="job-listing.html">
											Architects (15)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-bank"></i>
										<a th:href="job-listing.html">
											Bank (14)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-submit"></i>
										<a th:href="job-listing.html">
											Design (99)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-graduated"></i>
										<a th:href="job-listing.html">
											Education (42)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-travel"></i>
										<a th:href="job-listing.html">
											Travel (33)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-medical-insurance"></i>
										<a th:href="job-listing.html">
											Medical (19)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-submit"></i>
										<a th:href="job-listing.html">
											Marketing (165)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-ngo"></i>
										<a th:href="job-listing.html">
											NGO (25)
										</a>
									</div>
								</div>

								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-calculations"></i>
										<a th:href="job-listing.html">
											Accounting (25)
										</a>
									</div>
								</div>
								
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-architect"></i>
										<a th:href="job-listing.html">
											Architects (15)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-bank"></i>
										<a th:href="job-listing.html">
											Bank (14)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-submit"></i>
										<a th:href="job-listing.html">
											Design (99)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-graduated"></i>
										<a th:href="job-listing.html">
											Education (42)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-travel"></i>
										<a th:href="job-listing.html">
											Travel (33)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-medical-insurance"></i>
										<a th:href="job-listing.html">
											Medical (19)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-submit"></i>
										<a th:href="job-listing.html">
											Marketing (165)
										</a>
									</div>
								</div>
	
								<div class="col-lg-2 col-sm-6">
									<div class="single-live-job">
										<i class="flaticon-ngo"></i>
										<a th:href="job-listing.html">
											NGO (25)
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="col-lg-4">
						<div class="hiring-list">
							<h3>Hiring Immediately</h3>

							<ul>
								<li>
									<a th:href="job-details.html" class="hiring-img">
										<img th:src="@{/images/hiring/hiring-1.png}" alt="Image">
									</a>
									<a th:href="job-details.html" class="link">Service Engineer</a>
									<span>Autozon power LTD</span>
								</li>

								<li>
									<a th:href="job-details.html" class="hiring-img">
										<img th:src="@{/images/hiring/hiring-2.png}" alt="Image">
									</a>
									<a th:href="job-details.html" class="link">Support Executive</a>
									<span>Saspol limited</span>
								</li>

								<li>
									<a th:href="job-details.html" class="hiring-img">
										<img th:src="@{/images/hiring/hiring-3.png}" alt="Image">
									</a>
									<a th:href="job-details.html" class="link">Research Assistant</a>
									<span>MedQ medical</span>
								</li>

								<li>
									<a th:href="job-details.html" class="hiring-img">
										<img th:src="@{/images/hiring/hiring-4.png}" alt="Image">
									</a>
									<a th:href="job-details.html" class="link">Content Writing</a>
									<span>Depan insider LTD</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Live Jobs Area -->

		<!-- Start Hot Jobs Area -->
		<section class="hot-jobs-area bg-color pb-70">
			<div class="container">
				<div class="row">
					<div class="col-lg-8">
						<div class="section-title">
							<span>Hot Jobs</span>
							<h2>New & Random Jobs</h2>
						</div>

						<div class="row">
							<div class="col-lg-6 col-md-6">
								<select>
									<option value="1">Full Time</option>
									<option value="2">Part Time</option>
									<option value="3">Night</option>
									<option value="4">Day</option>
									<option value="5">Evening</option>
								</select>	
							</div>

							<div class="col-lg-6 col-md-6">
								<div class="show-page">
									<p>Show Per Page</p>
									<select>
										<option value="1">05</option>
										<option value="2">07</option>
										<option value="3">10</option>
										<option value="4">15</option>
										<option value="5">18</option>
									</select>	
								</div>
							</div>
						</div>

						<div class="hot-jobs-list">
							<div class="row align-items-center">
								<div class="col-lg-2">
									<a th:href="job-details.html" class="hot-jobs-img">
										<img th:src="@{/images/hot-jobs/hot-jobs-1.png}" alt="Image">
									</a>
								</div>

								<div class="col-lg-6">
									<div class="hot-jobs-content">
										<h3><a th:href="job-details.html">Finance & Accounts</a></h3>
										<span class="sub-title">Finix loans & funding agency</span>
										<ul>
											<li><span>Education:</span> BBA / M.A.</li>
											<li><span>Experience: </span>At Least 1 Year(s)</li>
											<li><span>Location: </span>New York</li>
										</ul>
									</div>
								</div>

								<div class="col-lg-4">
									<div class="hot-jobs-btn">
										<a th:href="job-details.html" class="default-btn">Browse Job</a>
										<p><span>Deadline: </span>Dec 30, 2020</p>
									</div>
								</div>
							</div>
							<span class="featured">Featured</span>
						</div>

						<div class="hot-jobs-list">
							<div class="row align-items-center">
								<div class="col-lg-2">
									<a th:href="job-details.html" class="hot-jobs-img">
										<img th:src="@{/images/hot-jobs/hot-jobs-2.png}" alt="Image">
									</a>
								</div>

								<div class="col-lg-6">
									<div class="hot-jobs-content">
										<h3><a th:href="job-details.html">Assistant Manager</a></h3>
										<span class="sub-title">Leve bank ltd</span>
										<ul>
											<li><span>Education:</span> BBA / M.A.</li>
											<li><span>Experience: </span>At Least 2 Year(s)</li>
											<li><span>Location: </span>Alaska</li>
										</ul>
									</div>
								</div>

								<div class="col-lg-4">
									<div class="hot-jobs-btn">
										<a th:href="job-details.html" class="default-btn">Browse Job</a>
										<p><span>Deadline: </span>Nov 30, 2020</p>
									</div>
								</div>
							</div>
							<span class="featured">Featured</span>
						</div>

						<div class="hot-jobs-list">
							<div class="row align-items-center">
								<div class="col-lg-2">
									<a th:href="job-details.html" class="hot-jobs-img">
										<img th:src="@{/images/hot-jobs/hot-jobs-3.png}" alt="Image">
									</a>
								</div>

								<div class="col-lg-6">
									<div class="hot-jobs-content">
										<h3><a th:href="job-details.html">Mechanical Engineer</a></h3>
										<span class="sub-title">Conzio construction</span>
										<ul>
											<li><span>Education:</span> B.Sc</li>
											<li><span>Experience: </span>At Least 1 Year(s)</li>
											<li><span>Location: </span>Washington</li>
										</ul>
									</div>
								</div>

								<div class="col-lg-4">
									<div class="hot-jobs-btn">
										<a th:href="job-details.html" class="default-btn">Browse Job</a>
										<p><span>Deadline: </span>Dec 30, 2020</p>
									</div>
								</div>
							</div>
							<span class="featured red">Urgent</span>
						</div>

						<div class="hot-jobs-list">
							<div class="row align-items-center">
								<div class="col-lg-2">
									<a th:href="job-details.html" class="hot-jobs-img">
										<img th:src="@{/images/hot-jobs/hot-jobs-4.png}" alt="Image">
									</a>
								</div>

								<div class="col-lg-6">
									<div class="hot-jobs-content">
										<h3><a th:href="job-details.html">Teacher - English</a></h3>
										<span class="sub-title">Eduon education</span>
										<ul>
											<li><span>Education:</span> BBA / M.A.</li>
											<li><span>Experience: </span>At Least 2 Year(s)</li>
											<li><span>Location: </span>Florida</li>
										</ul>
									</div>
								</div>

								<div class="col-lg-4">
									<div class="hot-jobs-btn">
										<a th:href="job-details.html" class="default-btn">Browse Job</a>
										<p><span>Deadline: </span>Nov 30, 2020</p>
									</div>
								</div>
							</div>
							<span class="featured">Featured</span>
						</div>

						<div class="hot-jobs-list">
							<div class="row align-items-center">
								<div class="col-lg-2">
									<a th:href="job-details.html" class="hot-jobs-img">
										<img th:src="@{/images/hot-jobs/hot-jobs-5.png}" alt="Image">
									</a>
								</div>

								<div class="col-lg-6">
									<div class="hot-jobs-content">
										<h3><a th:href="job-details.html">Sr./ Project Manager</a></h3>
										<span class="sub-title">Oryx International</span>
										<ul>
											<li><span>Education:</span> BBA / M.A.</li>
											<li><span>Experience: </span>At Least 5 Year(s)</li>
											<li><span>Location: </span>California</li>
										</ul>
									</div>
								</div>

								<div class="col-lg-4">
									<div class="hot-jobs-btn">
										<a th:href="job-details.html" class="default-btn">Browse Job</a>
										<p><span>Deadline: </span>Dec 15, 2020</p>
									</div>
								</div>
							</div>
							<span class="featured">Featured</span>
						</div>

						<div class="row">
							<div class="col-lg-12 col-md-12">
								<div class="pagination-area">
									<span class="page-numbers current" aria-current="page">1</span>
									<a href="#" class="page-numbers">2</a>
									<a href="#" class="page-numbers">3</a>
									
									<a href="#" class="next page-numbers">
										<i class="flaticon-right-arrow"></i>
									</a>
								</div>
							</div>
						</div>
					</div>

					<div class="col-lg-4">
						<div class="hot-jobs-sidebar">
							<div class="hot-job-sidebar">
								<img th:src="@{/images/hot-jobs/hot-jobs-sidebar-img.jpg}" alt="Image">
								
								<div class="hot-job-sidebar-content">
									<h3>The Benefits of Using Jobs</h3>
	
									<ul>
										<li>
											<span>1</span>
											<a href="#">Helpful Customer Support</a>
										</li>
										<li>
											<span>2</span>
											<a href="#">Access To Career Coaching</a>
										</li>
										<li>
											<span>3</span>
											<a href="#">Skills Courses</a>
										</li>
										<li>
											<span>4</span>
											<a href="#">Top-notch Friendly</a>
										</li>
										<li>
											<span>5</span>
											<a href="#">Access Exclusive Research</a>
										</li>
									</ul>
								</div>
							</div>
	
							<div class="hot-job-sidebar">
								<div class="hot-job-sidebar-content quick-link">
									<h3>Quick Links</h3>
	
									<ul>
										<li>
											<i class="bx bx-chevrons-right"></i>
											<a href="#">Employer List </a>
										</li>
										<li>
											<i class="bx bx-chevrons-right"></i>
											<a href="#">New Jobs (24 hrs)</a>
										</li>
										<li>
											<i class="bx bx-chevrons-right"></i>
											<a href="#">Deadline Tomorrow </a>
										</li>
										<li>
											<i class="bx bx-chevrons-right"></i>
											<a href="#">Urgent Jobs</a>
										</li>
										<li>
											<i class="bx bx-chevrons-right"></i>
											<a href="#">Customer Service</a>
										</li>
										<li>
											<i class="bx bx-chevrons-right"></i>
											<a href="#">Contractual Jobs </a>
										</li>
										<li>
											<i class="bx bx-chevrons-right"></i>
											<a href="#">Part-Time Jobs</a>
										</li>
										<li>
											<i class="bx bx-chevrons-right"></i>
											<a href="#">Now Hiring</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Hot Jobs Area -->

		<!-- Start Global Talent Area -->
		<section class="global-talent-area bg-color pb-100">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-7 col-md-6">
						<div class="global-talent-content">
							<span>Global Talent</span>
							<h2>Grow Your Career, Dream Your Jobs Are Waiting</h2>

							<ul>
								<li>
									<img th:src="@{/images/talent-dot/talent-dot-1.png}" alt="Image">
									Full & Part-Time Jobs
								</li>
								
								<li>
									<img th:src="@{/images/talent-dot/talent-dot-2.png}" alt="Image">
									Employee & Freelance
								</li>

								<li>
									<img th:src="@{/images/talent-dot/talent-dot-3.png}" alt="Image">
									Flexible On-Site
								</li>
							</ul>
							
							<a th:href="post-job.html" class="default-btn">
								Post a Job
							</a>
						</div>
					</div>

					<div class="col-lg-5 col-md-6">
						<div class="jubi-site-status">
							<h3>Jubi Site Status</h3>
							
							<div class="site-status">
								<div class="row">
									<div class="col-lg-6 col-sm-6">
										<div class="single-counter">
											<i class="flaticon-job-seeker"></i>
	
											<h2>
												<span class="odometer" data-count="10523">00</span> 
											</h2>
				
											<p>Jobs Added</p>
										</div>
									</div>

									<div class="col-lg-6 col-sm-6">
										<div class="single-counter">
											<i class="flaticon-organization"></i>
	
											<h2>
												<span class="odometer" data-count="123843">00</span> 
											</h2>
				
											<p>Companies</p>
										</div>
									</div>

									<div class="col-lg-6 col-sm-6">
										<div class="single-counter">
											<i class="flaticon-profile"></i>
	
											<h2>
												<span class="odometer" data-count="20537">00</span> 
											</h2>
				
											<p>Resume</p>
										</div>
									</div>

									<div class="col-lg-6 col-sm-6">
										<div class="single-counter">
											<i class="flaticon-community"></i>
	
											<h2>
												<span class="odometer" data-count="18523">00</span> 
											</h2>
				
											<p>Members</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Global Talent Area -->

		<!-- Start Testimonials Area -->
		<section class="testimonials-area bg-color pb-100">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-5">
						<div class="testimonials-img">
							<img th:src="@{/images/testimonials/testimonials-img.png}" alt="Image">

							<h3>Testimonials</h3>

							<div class="testimonials-1">
								<img th:src="@{/images/testimonials/testimonials-1.jpg}" alt="Image">
							</div>

							<div class="testimonials-2">
								<img th:src="@{/images/testimonials/testimonials-2.jpg}" alt="Image">
							</div>

							<div class="testimonials-3">
								<img th:src="@{/images/testimonials/testimonials-3.jpg}" alt="Image">
							</div>

							<div class="testimonials-4">
								<img th:src="@{/images/testimonials/testimonials-4.jpg}" alt="Image">
							</div>
						</div>
					</div>

					<div class="col-lg-7">
						<div class="testimonials">
							<div class="testimonials-slider owl-carousel owl-theme">
								<div class="testimonials-item">
									<i class="flaticon-quote"></i>
									<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida. Risus viverra maecenas accumsan lacus vel facilisis.”</p> 
		
									<h3>Allan norris</h3>
									<span>Software Engineer</span>
								</div>

								<div class="testimonials-item">
									<i class="flaticon-quote"></i>
									<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida. Risus viverra maecenas accumsan lacus vel facilisis.”</p>
		
									<h3>Tammie King</h3>
									<span>Founder</span>
								</div>
								
								<div class="testimonials-item">
									<i class="flaticon-quote"></i>
									<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida. Risus viverra maecenas accumsan lacus vel facilisis.”</p>
		
									<h3>Juhon Anderson</h3>
									<span>Manager</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Testimonials Area -->

		<!-- Start Freelancer Area -->
		<section class="freelancer-area pt-100 pb-70">
			<div class="container">
				<div class="section-title">
					<span>Top Freelancer</span>
					<h2>Hire Expert Freelancer</h2>
				</div>

				<div class="row">
					<div class="col-lg-3 col-sm-6">
						<div class="single-freelancer">
							<img th:src="@{/images/freelancer/freelancer-1.jpg}" alt="Image">
							<h3>James Hendrix</h3>
							<span class="profession">UX/UI Designer</span>

							<ul>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
							</ul>

							<a th:href="candidates-details.html" class="default-btn">
								View Details
							</a>

							<span class="per-hour">$75/hr</span>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-freelancer">
							<img th:src="@{/images/freelancer/freelancer-2.jpg}" alt="Image">
							<h3>Jean Burke</h3>
							<span class="profession">Software Engineer</span>

							<ul>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
							</ul>

							<a th:href="candidates-details.html" class="default-btn">
								View Details
							</a>

							<span class="per-hour">$99/hr</span>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-freelancer">
							<img th:src="@{/images/freelancer/freelancer-3.jpg}" alt="Image">
							<h3>David Guzman</h3>
							<span class="profession">Web Developer</span>

							<ul>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
							</ul>

							<a th:href="candidates-details.html" class="default-btn">
								View Details
							</a>

							<span class="per-hour">$50/hr</span>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="single-freelancer">
							<img th:src="@{/images/freelancer/freelancer-4.jpg}" alt="Image">
							<h3>Clarence Hart</h3>
							<span class="profession">Senior Executive</span>

							<ul>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
								<li>
									<i class="bx bxs-star"></i>
								</li>
							</ul>

							<a th:href="candidates-details.html" class="default-btn">
								View Details
							</a>

							<span class="per-hour">$25/hr</span>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Freelancer Area -->

		<!-- Start FAQ Area -->
		<section class="faq-area bg-color ptb-100">
			<div class="container-fluid">
				<div class="row align-items-center">
					<div class="col-lg-6">
						<div class="faq-accordion">
							<div class="faq-title">
								<h2>Frequently Asked Questions?</h2>
							</div>

							<ul class="accordion">
								<li class="accordion-item">
									<a class="accordion-title active" href="javascript:void(0)">
										<i class="bx bx-plus"></i>
										How Do I Post a Job?
									</a>
	
									<div class="accordion-content show">
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam aliquam ut ad debitis maxime alias vitae magnam, accusamus amet pariatur tenetur totam deserunt dolore provident nobis impedit non vel quo? aliquam ut ad debitis maxime alias deserunt dolore provident  dolore provident nobis impedit non vel quo? aliquam ut ad  dolore provident</p>
									</div>
								</li>

								<li class="accordion-item">
									<a class="accordion-title" href="javascript:void(0)">
										<i class="bx bx-plus"></i>
										How Do I Edit or Remove a Job Posting?
									</a>
	
									<div class="accordion-content">
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam aliquam ut ad debitis maxime alias vitae magnam, accusamus amet pariatur tenetur totam deserunt dolore provident nobis impedit non vel quo? aliquam ut ad debitis maxime alias deserunt dolore provident  dolore provident nobis impedit non vel quo? aliquam ut ad  dolore provident</p>
									</div>
								</li>

								<li class="accordion-item">
									<a class="accordion-title" href="javascript:void(0)">
										<i class="bx bx-plus"></i>
										How Long Will My Job Posting be Live?
									</a>
	
									<div class="accordion-content">
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam aliquam ut ad debitis maxime alias vitae magnam, accusamus amet pariatur tenetur totam deserunt dolore provident nobis impedit non vel quo? aliquam ut ad debitis maxime alias deserunt dolore provident  dolore provident nobis impedit non vel quo? aliquam ut ad  dolore provident</p>
									</div>
								</li>

								<li class="accordion-item">
									<a class="accordion-title" href="javascript:void(0)">
										<i class="bx bx-plus"></i>
										How Can I Unsubscribe From Your Mailing List?
									</a>
	
									<div class="accordion-content">
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam aliquam ut ad debitis maxime alias vitae magnam, accusamus amet pariatur tenetur totam deserunt dolore provident nobis impedit non vel quo? aliquam ut ad debitis maxime alias deserunt dolore provident  dolore provident nobis impedit non vel quo? aliquam ut ad  dolore provident</p>
									</div>
								</li>

								<li class="accordion-item">
									<a class="accordion-title" href="javascript:void(0)">
										<i class="bx bx-plus"></i>
										How Can I Change My Password?
									</a>
	
									<div class="accordion-content">
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam aliquam ut ad debitis maxime alias vitae magnam, accusamus amet pariatur tenetur totam deserunt dolore provident nobis impedit non vel quo? aliquam ut ad debitis maxime alias deserunt dolore provident  dolore provident nobis impedit non vel quo? aliquam ut ad  dolore provident</p>
									</div>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-6">
						<div class="faq-img">
							<img th:src="@{/images/faq-img.png}" alt="Image">
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End FAQ Area -->

		<!-- Start App Downloading Area -->
		<section class="app-downloading-area pt-100">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-6">
						<div class="app-img-1">
							<img th:src="@{/images/app-img-1.png}" alt="Image">

							<div class="app-img-2">
								<img th:src="@{/images/app-img-2.png}" alt="Image">
							</div>
						</div>
					</div>

					<div class="col-lg-6">
						<div class="app-downloading-content">
							<h2>Stay With Us by Downloading Our Mobile App</h2>

							<div class="app-btn">
								<a href="#" class="default-btn">
									<i class="bx bxl-apple"></i>
									Download On 
									<span>App Store</span>
								</a>

								<a href="#" class="default-btn active">
									<i class="bx bxl-play-store"></i>
									Download On 
									<span>Google Play</span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End App Downloading Area -->
		
		<!-- Start Pricing Package Area -->
		<section class="pricing-package-area bg-color pt-100 pb-70">
			<div class="container">
				<div class="section-title">
					<span>Pricing Package</span>
					<h2>Our Best Offers</h2>
				</div>

				<div class="row">
					<div class="col-lg-4 col-md-6">
						<div class="single-pricing-box">
							<div class="pricing-title">
								<span>Entry</span>
								<h1>Professional</h1>
								<h4>$199.99 <span>/Monthly</span></h4>
							</div>

							<ul>
								<li>
									<i class="bx bx-check"></i>
									Unlimited access to candidates
								</li>
								<li>
									<i class="bx bx-check"></i>
									1 job per month
								</li>
								<li>
									<i class="bx bx-check"></i>
									50 resume views per month
								</li>
								<li>
									<i class="bx bx-check"></i>
									Resume match notifications
								</li>
								<li>
									<i class="bx bx-check"></i>
									Sort notes to candidates
								</li>
								<li>
									<i class="bx bx-check"></i>
									Enhanced candidate profiles
								</li>
							</ul>

							<a href="#" class="default-btn">
								Get Started
							</a>
						</div>
					</div>

					<div class="col-lg-4 col-md-6">
						<div class="single-pricing-box">
							<div class="pricing-title">
								<span>Most Popular</span>
								<h1>Standard</h1>
								<h4>$299.99 <span>/Monthly</span></h4>
							</div>

							<ul>
								<li>
									<i class="bx bx-check"></i>
									Unlimited access to candidates
								</li>
								<li>
									<i class="bx bx-check"></i>
									1 job per month
								</li>
								<li>
									<i class="bx bx-check"></i>
									50 resume views per month
								</li>
								<li>
									<i class="bx bx-check"></i>
									Resume match notifications
								</li>
								<li>
									<i class="bx bx-check"></i>
									Sort notes to candidates
								</li>
								<li>
									<i class="bx bx-check"></i>
									Enhanced candidate profiles
								</li>
							</ul>

							<a href="#" class="default-btn">
								Get Started
							</a>
						</div>
					</div>

					<div class="col-lg-4 col-md-6 offset-md-3 offset-lg-0">
						<div class="single-pricing-box">
							<div class="pricing-title">
								<span>Most Savings</span>
								<h1>Ultimate</h1>
								<h4>$499.99 <span>/Monthly</span></h4>
							</div>

							<ul>
								<li>
									<i class="bx bx-check"></i>
									Unlimited access to candidates
								</li>
								<li>
									<i class="bx bx-check"></i>
									1 job per month
								</li>
								<li>
									<i class="bx bx-check"></i>
									50 resume views per month
								</li>
								<li>
									<i class="bx bx-check"></i>
									Resume match notifications
								</li>
								<li>
									<i class="bx bx-check"></i>
									Sort notes to candidates
								</li>
								<li>
									<i class="bx bx-check"></i>
									Enhanced candidate profiles
								</li>
							</ul>

							<a href="#" class="default-btn">
								Get Started
							</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Pricing Package Area -->

		<!-- Start Blog Area -->
		<section class="blog-area bg-color pb-70">
			<div class="container">
				<div class="section-title">
					<span>Latest News</span>
					<h2>Quick Career Tips</h2>
				</div>

				<div class="row">
					<div class="col-lg-4 col-md-6">
						<div class="single-blog-post">
							<div class="blog-img">
								<a th:href="blog-details.html">
									<img th:src="@{/images/blog/blog-1.jpg}" alt="Image">
								</a>

								<ul>
									<li>12 Nov</li>
									<li>2020</li>
								</ul>
							</div>

							<div class="blog-content">
								<ul>
									<li>
										<i class="bx bxs-user"></i>
										<a href="#">Andrew Lawson</a>
									</li>
								</ul>
	
								<h3>
									<a th:href="blog-details.html">
										The Most Popular Job in The Country
									</a>
								</h3>

								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
	
								<a th:href="blog-details.html" class="read-more">
									Learn More
									<i class="flaticon-right-arrow"></i>
								</a>
							</div>
						</div>
					</div>

					<div class="col-lg-4 col-md-6">
						<div class="single-blog-post">
							<div class="blog-img">
								<a th:href="blog-details.html">
									<img th:src="@{/images/blog/blog-2.jpg}" alt="Image">
								</a>

								<ul>
									<li>13 Nov</li>
									<li>2020</li>
								</ul>
							</div>

							<div class="blog-content">
								<ul>
									<li>
										<i class="bx bxs-user"></i>
										<a href="#">Adonay Porras</a>
									</li>
								</ul>
	
								<h3>
									<a th:href="blog-details.html">
										10 Questions to Ask Before Joining a Company
									</a>
								</h3>

								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
	
								<a th:href="blog-details.html" class="read-more">
									Learn More
									<i class="flaticon-right-arrow"></i>
								</a>
							</div>
						</div>
					</div>

					<div class="col-lg-4 col-md-6 offset-md-3 offset-lg-0">
						<div class="single-blog-post">
							<div class="blog-img">
								<a th:href="blog-details.html">
									<img th:src="@{/images/blog/blog-3.jpg}" alt="Image">
								</a>

								<ul>
									<li>14 Nov</li>
									<li>2020</li>
								</ul>
							</div>

							<div class="blog-content">
								<ul>
									<li>
										<i class="bx bxs-user"></i>
										<a href="#">Espinoza Lara</a>
									</li>
								</ul>
	
								<h3>
									<a th:href="blog-details.html">
										How to Hire Your First Growth Online Designer
									</a>
								</h3>

								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt...</p>
	
								<a th:href="blog-details.html" class="read-more">
									Learn More
									<i class="flaticon-right-arrow"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Blog Area -->

		<!-- Start Subscribe Area -->
		<section class="subscribe-area">
			<div class="container">
				<div class="subscribe-bg">
					<div class="row align-items-center">
						<div class="col-lg-6">
							<div class="subscribe-content">
								<h2>Find Your Next Great Job Opportunity!</h2>
							</div>
						</div>
	
						<div class="col-lg-6">
							<form class="newsletter-form" data-toggle="validator">
								<input type="email" class="form-control" placeholder="Enter email address" name="EMAIL" required autocomplete="off">
	
								<button class="default-btn" type="submit">
									<span>Subscribe</span>
								</button>
	
								<div id="validator-newsletter" class="form-result"></div>
								<p>Join The Newsletter 10,000 Users Already!</p>
							</form>	
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Subscribe Area -->

		<!-- Start Footer Area -->
		<footer class="footer-area pt-100 pb-70">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-6">
						<div class="single-footer-widget single-bg">
							<a th:href="index.html" class="logo">
								<img th:src="@{/images/logo.png}" alt="Image">
							</a>

							<p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consec tetur.</p>

							<ul class="social-icon">
								<li>
									<a href="#">
										<i class="bx bxl-facebook"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-instagram"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-linkedin-square"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-twitter"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-md-6">
						<div class="single-footer-widget">
							<h3>Contact</h3>

							<ul class="address">
								<li>
									<i class="bx bx-phone-call"></i>
									<span>Phone:</span>
									<a href="tel:+1-(514)-7939-357">+1 (514) 7939-357</a>
								</li>
								<li>
									<i class="bx bx-envelope"></i>
									<span>Email:</span>
									<a href="mailto:hello@jubi.com">hello@jubi.com</a>
								</li>
								<li class="location">
									<i class="bx bx-location-plus"></i>
									<span>Address:</span>
									6890 Blvd, The Bronx, NY 1058 New York, USA
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-md-6">
						<div class="single-footer-widget">
							<h3>Helpful Resources</h3>

							<ul class="import-link">
								<li>
									<a href="#">Create Account</a>
								</li>
								<li>
									<a href="#">Contact Us</a>
								</li>
								<li>
									<a href="#">Site Map</a>
								</li>
								<li>
									<a href="#">Terms of Use</a>
								</li>
								<li>
									<a href="#">Privacy Centre</a>
								</li>
								<li>
									<a href="#">Blog</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-md-6">
						<div class="single-footer-widget">
							<h3>Job Seekers</h3>

							<ul class="import-link">
								<li>
									<a href="#">Create Account</a>
								</li>
								<li>
									<a href="#">Browse Jobs</a>
								</li>
								<li>
									<a href="#">Upload CV</a>
								</li>
								<li>
									<a href="#">Company Profile</a>
								</li>
								<li>
									<a href="#">International Jobs</a>
								</li>
								<li>
									<a href="#">FAQ</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- End Footer Area -->

		<!-- Start Copy Right Area -->
		<div class="copy-right-area">
			<div class="container">
				<p>
					© 2020 Jubi Is Proudly Created By
					<a href="#">EnvyTheme</a>
				</p>
			</div>
		</div>
		<!-- End Copy Right Area -->
		
		<!-- Start Go Top Area -->
		<div class="go-top">
			<i class="bx bx-chevrons-up"></i>
			<i class="bx bx-chevrons-up"></i>
		</div>
		<!-- End Go Top Area -->
		

        <!-- Jquery Min JS -->
        <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <!-- Popper Min JS -->
        <script th:src="@{/js/popper.min.js}"></script>
        <!-- Bootstrap Min JS -->
        <script src="https://www.jq22.com/jquery/bootstrap-4.2.1.js"></script>
        <!-- Meanmenu Min JS -->
		<script th:src="@{/js/meanmenu.min.js}"></script>
		<!-- Wow Min JS -->
        <script th:src="@{/js/wow.min.js}"></script>
        <!-- Owl Carousel Min JS -->
		<script th:src="@{/js/owl.carousel.min.js}"></script>
        <!-- Nice Select Min JS -->
		<script th:src="@{/js/nice-select.min.js}"></script>
        <!-- Magnific Popup Min JS -->
		<script th:src="@{/js/magnific-popup.min.js}"></script>
		<!-- Mixitup JS --> 
		<script th:src="@{/js/jquery.mixitup.min.js}"></script>
		<!-- Appear Min JS --> 
        <script th:src="@{/js/appear.min.js}"></script>
		<!-- Odometer Min JS --> 
		<script th:src="@{/js/odometer.min.js}"></script>
		<!-- Range Slider Min JS --> 
		<script th:src="@{/js/range-slider.min.js}"></script>
		<!-- Datepicker Min JS --> 
		<script th:src="@{/js/bootstrap-datepicker.min.js}"></script>
		<!-- Form Validator Min JS -->
		<script th:src="@{/js/form-validator.min.js}"></script>
		<!-- Contact JS -->
		<script th:src="@{/js/contact-form-script.js}"></script>
		<!-- Ajaxchimp Min JS -->
		<script th:src="@{/js/ajaxchimp.min.js}"></script>
        <!-- Custom JS -->
		<script th:src="@{/js/custom.js}"></script>
    </body>
</html>